@charset "utf-8";
/*css rest*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#666; font:14px/180% Microsoft YaHei, "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
td,th,caption { font-size:16px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#333;}
/*address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}*/
a { color:#666; text-decoration:none; }
a:hover,a:active { text-decoration:none; }
img { border:0; vertical-align: middle;}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Arial,Verdana,Helvetica,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
*{box-sizing:border-box;}
/* 清除浮动 */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

.hide{display: none;}
.fl{float: left;}
.fr{float: right;}

/* 单行以及多行文本溢出 */
.line1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.line2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
.line3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
.line4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
.line5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}

/* 初始化 */
/* body { overflow-x: hidden;}  */

/*--- Header ---*/ 
/* .Header-wrapper{display: none;} */
.Header-wrapper {z-index: 99; width: 100%;position: fixed;top: 0px;  background: #c8000b;   box-shadow: 0 0 20px #666;} 
.header-container {width: 100%;}  
.contain {	width: 100%;	margin: 0 auto;}  

/*logo*/ 
.H-logo {height: 70px;line-height: 70px;font-size: 0px;float: left;position: relative;	overflow: hidden;z-index: 5;margin-left: 2%;}  
.H-logo img.rollover {display: none;}  

/*H-nav*/  
.Hmenu-btn{display: none;}
.H-nav { 	float: left; 	margin-left:22%; } 
.H-nav .current{background:#000; } 
.H-nav>li { 	padding: 0 30px; 	float: left; }  
.H-nav>li:hover{ background:#000; 	-webkit-transition: all 1s ease; 	-moz-transition: all 1s ease; 	-ms-transition: all 1s ease; 	-o-transition: all 1s ease; 	transition: all 1s ease;	 }  
.H-nav .Hnav-menu { display: block; 	height: 70px; 	line-height: 70px; 	font-size: 17px; 	color: #FFF; 	font-family: '微软雅黑'; 	position: relative; }  
.Hnav-menu i { 	display: block; 	width: 50px; 	height: 50px; 	background: url('../img/common/icon-down01.png') no-repeat center center / 14px auto; 	position: absolute; 	right: 0px; 	top: 0px; 	z-index: 2; 	display: none; }  
.Hnav-menu.cur i { 	transform: rotate(-180deg); 	-webkit-transform: rotate(-180deg); } 
.H-nav>li:hover .Hnav-sub { display: block; animation: navfadeInUp .6s ease-in-out; 	-webkit-animation: navfadeInUp .6s ease-in-out; 	} 
.Hnav-sub { padding: 10px 0; 	width: 28%; 	background: #ffffff; 	position: absolute; 	top: 70px; 	display: none; }  
.HnavSub-list{ 	float: left; } 
.HnavSub-list li { 	margin-left: 25px; 	width: 220px; 	height: 40px; 	border-bottom: 1px solid #ddd; 	text-align: center; 	color: #989898; }  
.HnavSub-list li a { 	line-height: 50px; 	font-size: 14px; }  
.HnavSub-list li.cur a, .HnavSub-list li:hover a { color: #c8000b; }  
.HnavSub-box {display:none; 	position: relative; 	float: right; 	width: 280px; 	height: 200px; 	padding-right: 10px; 	overflow: hidden; }  
.HnavSub-box img { 	width: 100%; 	height: 100%; 	-webkit-transition: all 1s ease; 	-moz-transition: all 1s ease; 	-ms-transition: all 1s ease; 	-o-transition: all 1s ease; 	transition: all 1s ease;		 } 
.HnavSub-box img:hover{ 	transform: scale(1.05); }  
.H-nav>li.cur .Hnav-menu { 	color: #FFF; background: url('../img/min.gif') no-repeat center bottom; }  


/* index-banner */
.Container-wrapper{     margin-top: 70px; } 
.container-banner-box {    width: 100%;    margin-bottom: -200px;    overflow: hidden;}
.container-banner {    width: 100%;    float: left;}
.banner-LRclick {    position: absolute;    width: 100%;    bottom: 48%;    z-index: 9;}
.banner-LRclick div {    float: left;    cursor: pointer;}
.swiper-button-right {    margin-left: 30px;}
.swiper-button-left {    position: absolute;    right: 30px;}
.container-banner>.swiper-container {    width: 100%;    height: 855px;    position: relative;}
.container-banner>.swiper-container>.swiper-wrapper>.swiper-slide img {    width: 100%;    height: 100%;    object-fit: cover;}
.container-banner .swiper-container .swiper-slide-on img{  animation: upin 6s ease;}/* banner缩放动画 */
@keyframes upin {
    0% { transform: scale(1.1) }
    100% {  transform: scale(1) }
}

.swiper-pagination-bullet {    width: 8px;    height: 8px;    display: inline-block;    border-radius: 100%;    opacity: 1;    background: #9da4ad;}
.swiper-pagination-bullet-active {    opacity: 1;    background: #fff !important;}
.container-banner-list {    width: 100%;    position: relative;}
.container-banner-list>ul { width:88%; margin:0 auto; position: relative; top:-280px; z-index:2}
.container-banner-list>ul>li {    float: left;    opacity: 0.9;    width: 25%;    height: 200px;    position: relative;}


/* ---index-arrows---- */
.banner-arrows { width: 100%;   height: 80px;   text-align: center;  position: relative;}
.banner-arrows h4 {width: 50px;   height: 50px;   cursor: pointer;  position: absolute;  top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.banner-arrows img {margin-top: 30px;  width: 22px;  height: 12px;   -moz-animation: downup 1s ease infinite;    -webkit-animation: downup 1s ease infinite;    -o-animation: downup 1s ease infinite;    animation: downup 1s ease infinite;}


/* index-Product  创新产品*/
.pro-wrap{width: 100%;}
.pro-wrap .pro-ctain{width: 1440px; margin: 0 auto;}
.pro-wrap .pro-ctain .pro-titl-box{text-align: center}
.pro-wrap .pro-ctain .pro-titl-box h2{height:80px; line-height:80px; font-size:30px;}
.pro-wrap .pro-ctain .pro-titl-box p{height:80px; line-height:80px;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li{float:left; width:33.3333%; padding:0 25px; overflow:hidden; }
.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-img{width:100%; transition: all 0.5s ease-in-out;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-titl{text-align: center; height:100px; line-height:100px;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-text{text-align: center;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-deco{ padding-top: 45px;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-deco span{display:block;  margin: 0 auto; width: 100%; border-bottom: 5px solid #eee;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li:hover .pro-img{transform: scale(1.05,1.05);}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li:hover a{color:#c8000b; transition: all 1s ease-in-out;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li:hover .pro-titl{color:#c8000b; transition: all 1s ease-in-out;}
.pro-wrap .pro-ctain .pro-list-box .pro-list-li:hover .pro-deco span{border-bottom: 5px solid #c8000b;transition: all 1s ease-in-out;}

/* index-apply 行业应用 */
.apply-wrap{width:100%; margin-top:80px;}
.apply-wrap .ctain{width:1400px; margin:0 auto; background-color: #ddd;}
.apply-wrap .ctain .titlbox{text-align: center; margin-bottom:50px;} 
.apply-wrap .ctain .titlbox h2{display:inline-block;  height: 150px ; line-height: 150px; font-size: 30px; }
.apply-wrap .ctain .listbox ul{width: 100%;}
.apply-wrap .ctain .listbox ul li{float: left;  width: 33.3333%; padding:0 30px 20px; overflow: hidden;}
.apply-wrap .ctain .listbox ul li img{width: 100%;     transition: all 0.5s ease-in-out;}
.apply-wrap .ctain .listbox ul li h3{height: 100px; line-height: 100px; font-size: 16px; text-align: center;}
.apply-wrap .ctain .listbox ul li:hover img{transform: scale(1.05);}
.apply-wrap .ctain .listbox ul li:hover h3{color:#800000;}

/* index-project  解决方案*/
.proj-wrap{width: 100%;}
.proj-wrap .proj-ctain{width:100%; margin-top:20px;}
.proj-wrap .proj-ctain .proj-li{position:relative;float:left; width:33.333%; overflow: hidden;}
.proj-wrap .proj-ctain .proj-li:hover img{transform: scale(1.05,1.05);}
.proj-wrap .proj-ctain .proj-li img{width:100%;  transition: all 0.5s ease-in-out;}
.proj-wrap .proj-ctain .proj-li .bg{position: absolute; z-index: 3;   width: 100%;    height: 100%;    display: block;      top: 0px;  }
.proj-wrap .proj-ctain .proj-li:hover .bg{ background: #ff0000;   opacity: 0.5;}
.proj-wrap .proj-ctain .proj-li .proj-note-box{position: absolute; z-index: 3; top:50%; left:50%;  transform:translate(-50%,-50%); text-align: center;}
.proj-wrap .proj-ctain .proj-li .proj-note-box h3{ font-size:25px; color:#fff;     height: 35px;
    line-height: 35px;}

/* index-news  新闻资讯 */
.news-wrap{width: 100%;}
.news-wrap .news-ctain{width: 1440px;  margin:0 auto;}
.news-wrap .news-ctain .news-titl-box{text-align:center;}
.news-wrap .news-ctain .news-titl-box h2{height: 160px; line-height:160px; font-size:30px;}
.news-wrap .news-ctain .news-list-box .news-li{float:left; width:33.3333%; padding:0 25px;}
.news-wrap .news-ctain .news-list-box .news-li .news-li-subbox{overflow: hidden;}
.news-wrap .news-ctain .news-list-box .news-li img{width:100%;  height:300px; transition: all 0.5s ease-in-out;}
.news-wrap .news-ctain .news-list-box .news-li .news-notebox{padding:20px 15px;   background:#ddd;}
.news-wrap .news-ctain .news-list-box .news-li .news-notebox p {display:block; }
.news-wrap .news-ctain .news-list-box .news-li .news-notebox p  span{float:right;}
.news-wrap .news-ctain .news-list-box .news-li .news-notebox h3{padding:25px 0; }
.news-wrap .news-ctain .news-list-box .news-li .news-notebox .news-btn{text-align:center;  margin-top:15px;}
.news-wrap .news-ctain .news-list-box .news-li .news-notebox .news-btn span{height:60px; line-height: 60px; padding:10px  20px; color:#FFF; background:#c8000b;}
.news-wrap .news-ctain .news-list-box .news-li:hover .news-li-subbox img{transform:scale(1.05,1.05);}
.news-wrap .news-ctain .news-list-box .news-li:hover .news-notebox{background:#c8000b; color:#eee;transition: all 0.5s ease-in-out;}
.news-wrap .news-ctain .news-list-box .news-li:hover .news-notebox h3{color:#fff;transition: all 0.7s ease-in-out;}
.news-wrap .news-ctain .news-list-box .news-li:hover .news-notebox .news-btn span{color:#c8000b; background-color: #fff; transition: all 1s ease-in-out;opacity: 1;}


/* index-factory  工厂实景 */
.factory-wrap{width: 100%;}
.factory-wrap .ctain{width: 1440px;  margin:0 auto; padding:0 25px;}
.factory-wrap .ctain .titl{display: flex; justify-content: center; align-items: center;}
.factory-wrap .ctain .titl h2{float:left; height: 160px; line-height:160px; font-size:30px;  cursor:pointer;}
.factory-wrap .ctain .titl .slash{font-size: 30px; padding:0 20px;}
.factory-wrap .ctain .titl h2.active{color:rgba(200,0,11,.8);}
.factory-wrap .ctain .marq_box{overflow: hidden; padding-top:20px;}
.factory-wrap .ctain .marq_box .marq_inner{width:5000%;} 
.factory-wrap .ctain .marq_box .marq_inner  .marq_main{float:left;} 
.factory-wrap .ctain .marq_box .marq_inner  .marq_clone{float:left;}
.factory-wrap .ctain .marq_box .marq_inner li{float: left; padding:0 20px;}
.factory-wrap .ctain .marq_box .marq_inner li h4{height: 40px; line-height: 40px; font-size:16px; text-align:center;}


/* index-patn  合作企业-友情链接 */
.patn-wrap {width:100%;}
.patn-wrap .patn-ctain{ width:1440px; margin:60px auto;  padding:20px 25px; background: rgba(255,255,255,1);}
.patn-wrap .patn-ctain .patn-titl{display: flex; height:60px;  border-bottom: 1px solid rgba(0, 0, 0, .2);}
.patn-wrap .patn-ctain .tag{margin:auto; padding-bottom:30px;}
.patn-wrap .patn-ctain .tag h2{float:left; margin-right: 20px; cursor:pointer;color:#999;}
.patn-wrap .patn-ctain .tag h2 span{padding-bottom: 10px;  border-bottom: none; font-size: 30px;}
.patn-wrap .patn-ctain .tag .active{color:#333; border-bottom: 2px solid  rgba(200,0,11,.8);}
.patn-wrap .patn-ctain .box{min-height: 100px;padding-top:20px;}
.patn-wrap .patn-ctain .box .box-01 .patnpic{width: 100%; }
.patn-wrap .patn-ctain .box .box-01 .patnpic li{float:left; width: 16.666%; text-align: center; margin-top: 20px;}


.patn-wrap .patn-ctain .box .box-02 ul li{float:left; }
.patn-wrap .patn-ctain .box .box-02 a{display: inline-block; height:30px; line-height:30px;margin:3px; padding: 0 10px; background:#F1F1F1;font-size: 1em;}
.patn-wrap .patn-ctain .box .box-02 a:hover{background:rgba(200,0,11,1); color: #FFFFFF;}


/*--- Footer 底部---*/  
.foot-wrap { color: #fff; }  
.foot-wrap .foot-ctain { padding:30px 0 30px 0; 	background: rgb(59,59,59); }  
.foot-wrap .foot-ctain .ft-nav-box{ width: 1440px; 	margin:0 auto; } 
.foot-wrap .foot-ctain .ft-nav-box .F-nav { width: 14.1%; float: left; text-align: center; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav.F-nav2 { width: 18.0833%; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dt, .top { line-height: 25px; font-size: 16px; position: relative; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dt i { display: block; width: 50px; height: 50px; 	background: url('../img/common/icon-down02.png') no-repeat center center / 14px auto; 	position: absolute; 	right: 0px; 	top: 0px; 	display: none; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dt.cur i { transform: rotate(-180deg); 	-webkit-transform: rotate(-180deg); }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dd { margin: 15px 0 0; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dd a { display: block; 	padding: 5px 0; line-height: 24px; color:#FFF;	opacity: .6; }  
.foot-wrap .foot-ctain .ft-nav-box .F-nav dd a:hover { 	opacity: 1; }  
.foot-wrap .foot-ctain .ft-line{display: none; width: 100%; 	height: 1px; 	background-color: #576fa6; 	opacity: .8; margin-top: 30px; } 

.ft2-wrap{width: 100%; background-color: rgb(38,38,38);}
.ft2-wrap .ft2-ctain{width: 1440px; margin:0 auto;}
.ft2-wrap .ft2-ctain .ft2-box{display: flex; padding:20px 0;}
.ft2-wrap .ft2-ctain .ft2-box ul {margin:auto;}
.ft2-wrap .ft2-ctain .ft2-box .ft-ctact {color:#fff;}
.ft2-wrap .ft2-ctain .ft2-box .ft-ctact li a{color:#fff;}

.m-ft-wrap{display: none;}



/* >= 1440;  */
@media all and (min-width:1440px){
	.Header-wrapper .header-container .headcon{width: 1440px;}
	.H-nav { margin-left: 19%;} 
	.H-nav>li {padding: 0 26px; }
	.H-nav .Hnav-sub { width: 270px; }  
	.H-nav>li:nth-child(1) .Hnav-sub{ left: 30%; } 	
	.H-nav>li:nth-child(2) .Hnav-sub{ left: 38%; } 
	.H-nav>li:nth-child(3) .Hnav-sub{ left: 46%; } 
	.H-nav>li:nth-child(4) .Hnav-sub{ left: 53%; }
	.H-nav>li:nth-child(5) .Hnav-sub{ left: 60%; } 
	.H-nav>li:nth-child(6) .Hnav-sub{ left: 68%; } 
	.H-nav>li:nth-child(7) .Hnav-sub{ left: 73%; } 
	.H-nav>li:nth-child(8) .Hnav-sub{ left: 80%; } 
	.HnavSub-list li { 	margin-left: 10%; } 

	.Container-wrapper{ height: 720px; } 
    .container-banner>.swiper-container {  height: 720px;   }  /*不定高度则为全屏 */
}

/* 1280-1439 */
@media all and (max-width:1439px){
	.H-nav { margin-left: 18%;} 
	.H-nav>li { padding: 0 20px; } 	
	.H-nav .Hnav-sub { width: 270px;} 
	.H-nav .Hnav-menu { font-size: 16px; }
	.H-nav>li:nth-child(2) .Hnav-sub{ 	left: 33%; } 
	.H-nav>li:nth-child(3) .Hnav-sub{ 	left: 42%; } 
	.H-nav>li:nth-child(4) .Hnav-sub{ 	left: 50%; } 
	.H-nav>li:nth-child(5) .Hnav-sub{ 	left: 58%; } 
	.H-nav>li:nth-child(6) .Hnav-sub{ 	left: 65%; } 
	.H-nav>li:nth-child(7) .Hnav-sub{ 	right: 6%; } 
	.H-nav>li:nth-child(8) .Hnav-sub{ 	right: 0%; } 

	.Container-wrapper{ height: 640px; } 
	.container-banner>.swiper-container { height: 640px;   }

	/* Product */
	.pro-wrap .pro-ctain{width: 100%;}

	/* index-apply 行业应用 */
	.apply-wrap .ctain{width:100%;}

	/* news */
	.news-wrap .news-ctain{width:100%;}

	/* index-factory  工厂实景 */
	.factory-wrap .ctain{width: 100%;}

	/* 合作企业、友情链接 partner*/
	.patn-wrap .patn-ctain{ width:100%;}

	/* Foot */
	.foot-wrap .foot-ctain .ft-nav-box{ width: 100%; } 
	.ft2-wrap .ft2-ctain{width: 100%;}

}

/* 1025-1279 */
@media all and (max-width:1279px){
	.H-nav {margin-left:11%; }  
	.H-nav>li { padding: 0 12px; } 	
	.H-nav .Hnav-sub { width: 270px;} 
	.H-nav .Hnav-menu { font-size: 16px; }
	.H-nav>li:nth-child(2) .Hnav-sub{ 	left: 27%; } 
	.H-nav>li:nth-child(3) .Hnav-sub{ 	left: 36%; } 
	.H-nav>li:nth-child(4) .Hnav-sub{ 	left: 45%; } 
	.H-nav>li:nth-child(5) .Hnav-sub{ 	left: 54%; } 
	.H-nav>li:nth-child(6) .Hnav-sub{ 	left: 60%; } 
	.H-nav>li:nth-child(7) .Hnav-sub{ 	right: 6%; } 
	.H-nav>li:nth-child(8) .Hnav-sub{ 	right: 0%; } 


	.Container-wrapper{ height: 512px; } 
	.container-banner>.swiper-container { height: 512px;   }

	/* Product */
	.pro-wrap .pro-ctain{width: 100%;}

	/* index-apply 行业应用 */
	.apply-wrap .ctain{width:100%;}

	/* news */
	.news-wrap .news-ctain{width:100%;}
	.news-wrap .news-ctain .news-list-box .news-li img{height:200px;}
	

	/* 合作企业、友情链接 partner*/
	.patn-wrap .patn-ctain{ width:100%;}

	/* Foot */
	.foot-wrap .foot-ctain .ft-nav-box{ width: 100%; } 
	.ft2-wrap .ft2-ctain{width: 100%;}
}


/* --手机端---*/
/* 768-1024 */
@media all and (max-width:1024px){
	body{overflow: hidden;}
	.H-nav {display: none; margin:0 0 0 2%;}
	.Hmenu-btn{display: block;  float: right; margin-top: 12px;}
	.Header-wrapper .header-container .headcon .Hmenu-btn .navbtn{display:block; height: 20px;}
	.Header-wrapper .header-container .headcon .Hmenu-btn .navbtn_off{display: none;}
	.Header-wrapper .header-container .headcon .Hmenu-btn.cur .navbtn{display: none;}
	.Header-wrapper .header-container .headcon .Hmenu-btn.cur .navbtn_off{display: block; height: 20px;}

	.contain{ width:100%;padding:0 2%;}	

	/* img{max-width:100%;} */
	.H-logo, .H-lang, .H-srch,	.Hsrch-box{height:50px;}
	.H-logo{line-height:50px; margin-left:0;}
	.H-logo img{width: 66.7%;}

	.H-nav>li.cur .Hnav-menu {color: #426dd7; background:none;}
	.H-nav{width:100%;background:#fff;position:absolute;top:50px;left:0px;margin:0px;float:none;}
	.H-nav>li{padding:0px;border-bottom:1px solid #ccc;float:none;}
	.H-nav>li:hover { background:#000; }
	.H-nav>li:hover .Hnav-menu{color:#fff;}
	.H-nav .Hnav-menu{padding:0 4%;height:50px;line-height:50px;color:#333;font-size:14px;}
	.H-nav .current .Hnav-menu{color:#fff; } 
	.Hnav-menu i{display:block;}
	.Hnav-sub{padding:0px 0;position:relative;top:0px;border-bottom: none}
	.Hnav-sub .contain{padding:0px;}
	.HnavSub-box{display: none;}
	.HnavSub-list{width:100%;float:none;}
	.HnavSub-list li{width:100%;padding:0px;}
	.HnavSub-list li a{padding:0 6%;height:45px;line-height:45px;text-align:left;color:#fff;font-size:13px;}
	.HnavSub-list li.cur a, .HnavSub-list li:hover a {color: #FFF; font-weight: bold;}
	.Hmenu-btn.H-rMenu-btn{display:none;}
	.Hmenu-btn.Hmenu-web{display:block;}

	.HnavSub-list li { margin-left: 0%; width: 100%; height: 40px; background-color: #c8000b; border-bottom: none; text-align: left; color: #ffffff; 	} 	
	.Hnav-sub { width: 100%; 	} 	 
	.H-nav>li:nth-child(1) .Hnav-sub{ 	left:0%; } 
	.H-nav>li:nth-child(2) .Hnav-sub{ 	left: 0%; } 
	.H-nav>li:nth-child(3) .Hnav-sub{ 	left: 0%; } 
	.H-nav>li:nth-child(4) .Hnav-sub{ 	left: 0%; } 
	.H-nav>li:nth-child(5) .Hnav-sub{ 	left: 0%; } 
	.H-nav>li:nth-child(6) .Hnav-sub{ 	left: 0%; } 
	.H-nav>li:nth-child(7) .Hnav-sub{ 	right: 0%; } 

	.H-nav .Hnav-sub { width: 100%;} 

	.container-banner {      width: 100%;    } 
	.Container-wrapper{ margin-top: 50px;   height: 384px; } 
    .container-banner>.swiper-container {  height: 384px;    }   
    .banner-LRclick { display:none; }
    .swiper-button-left img{width: 26px; height: 16px; }
	.swiper-button-right img{ width: 26px; height: 16px; }

	/* index-Product */
	.pro-wrap .pro-ctain{width: 100%;}

	/* index-apply 行业应用 */
	.apply-wrap .ctain{width:100%;}

	/* news */
	.news-wrap .news-ctain .news-list-box .news-li img{height:180px;}

	/* 合作企业、友情链接 partner*/
	.patn-wrap .patn-ctain .box .box-01 .patnpic li{width: 33.33%;}
	.patn-wrap .patn-ctain .box .box-01 .patnpic>li:nth-child(3n){text-align: right;}
	.patn-wrap .patn-ctain .box .box-01 .patnpic>li:nth-child(3n-2){text-align: left;}
	.patn-wrap .patn-ctain .box .box-01 .patnpic li img{width: auto; max-width: 80%;}
	.patn-wrap .patn-ctain .box-02 a{font-size: 1em;}
 
	 /* Footer */ 
	.foot-wrap .foot-ctain{padding: 10px 0 0 0;}
	.foot-wrap .foot-ctain .ft-nav-box{ width: 100%; margin-left: 0%; 	} 		
	.foot-wrap .foot-ctain .ft-nav-box .F-nav{text-align: left;  width:100% !important;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dt{padding:0 2%;height:50px;line-height:50px;}
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dt i{display:block;}
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dd{padding:0 0 10px;margin:0px;display:none;}
	.foot-wrap .foot-ctain .ft-nav-box .F-nav dd a{padding:0 6%;height:40px;line-height:40px;}
	.foot-wrap .foot-ctain .ft-line{margin-top:0; display: none;}
	.ft2-wrap .ft2-ctain{width: 100%;}
	.ft2-wrap .ft2-ctain .ft2-box{padding: 20px 0 50px;}

	.m-ft-wrap{display: block; z-index: 99; width: 100%; position: fixed;bottom: 0px;  background: #c8000b; }
	.m-ft-wrap .m-ft-ctain{width: 100%;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox{border-bottom: 1px solid rgb(245, 191, 191);}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li{float:left;width:24.9%; border-right: 1px solid rgb(245, 191, 191); text-align: center; padding:4px 0;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li:nth-child(4){border-right: 1px solid #c8000b;}
	.m-ft-wrap .m-ft-ctain .m-ft-navbox li a{color:#fff;}

	/* 百度爱番番咨询框样式,底部居右 */
	#newBridge .nb-icon-right-bottom{ bottom:35px !important;}
}

/* <= 768px */
@media all and (max-width:768px){
	.Container-wrapper{  height: 280px; } 
	.container-banner>.swiper-container {  height: 280px;    }   

	/* arrows */
	.banner-arrows{display: none;}

	/* index-Product */
	.pro-wrap .pro-ctain{width: 100%;}
	.pro-wrap .pro-ctain .pro-titl-box h2{height: 80px; line-height: 100px;}
	.pro-wrap .pro-ctain .pro-titl-box p{height: auto;line-height: 25px;padding-bottom: 20px}

	/* index-Product  创新产品*/
	.pro-wrap .pro-ctain{width: 100%; margin: 0 auto;}
	.pro-wrap .pro-ctain .pro-list-box .pro-list-li{width:100%; padding:0 0;}
	.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-titl{height:60px; line-height:60px;}
	.pro-wrap .pro-ctain .pro-list-box .pro-list-li .pro-deco{padding:30px 0 40px;}

	/* index-apply 行业应用 */
	.apply-wrap{ margin-top:0; margin-bottom: 40px;}
	.apply-wrap .ctain {width:100%;}
	.apply-wrap .ctain .titlbox{margin-bottom: 30px;}
	.apply-wrap .ctain .titlbox h2{ height: 100px ; line-height: 100px; }
	.apply-wrap .ctain .titlbox p{margin:0 4%;}
	.apply-wrap .ctain .listbox ul li{width: 100%; padding:0 5% 45px;}
	.apply-wrap .ctain .listbox ul li a{display:block;width: 100%; overflow: hidden;}
	.apply-wrap .ctain .listbox ul li h3{height: 60px; line-height: 60px;background:#fff;}

	/* index-project 解决方案 */
	.proj-wrap .proj-ctain{margin-top:0;}
	.proj-wrap .proj-ctain .proj-li{width: 100%; margin-bottom:36px;}

	/*  index-news  新闻资讯 */
	.news-wrap .news-ctain{width:100%;}
	.news-wrap .news-ctain .news-titl-box h2{height:70px; line-height: 30px;}
	.news-wrap .news-ctain .news-list-box .news-li{width:100%; padding:0 2%; padding-bottom:25px;}
	.news-wrap .news-ctain .news-list-box .news-li img{height:auto;}

	/* 工厂实景   factory */
	.factory-wrap .ctain{padding:0 2%;}
	.factory-wrap .ctain .titl h2{height: 60px; line-height: 60px; font-size: 1.5em;}
	.factory-wrap .ctain .titl .slash{padding:0 10px; font-size: 1.5em;}
	.factory-wrap .ctain .marq_box .marq_inner ul li{width: 300px;}
	.factory-wrap .ctain .marq_box .marq_inner ul li img{width: 100%;}


	/* index-partner 合作企业、友情链接  */
	.patn-wrap .patn-ctain{width:100%; margin: 30px 0 40px;	padding: 0 2%;}
	.patn-wrap .patn-ctain .tag h2 span{font-size: 1em;}

	 /* Footer */ 
	.ft2-wrap .ft2-ctain .ft2-box{display: block; padding:20px 2%  50px;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo li{text-align: center;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-logo li img{width: 33.33%;}
	.ft2-wrap .ft2-ctain .ft2-box .ft-ctact{margin:10px 0;}
} 


/* ----------------------------------------------------------- */

@media all and (min-width:900px) { 	
	#top_form {border: 1px solid #ccc;width: 100%;height: 36px; padding: 0 10px;border-radius: 10px;} 
} 


 /*动画*/  
 @keyframes navfadeInDown { 	
	0% {transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; } 	
	100% {transform: translateY(0); -webkit-transform: translateY(0); 	opacity: 1; } 
}  
@keyframes navfadeInUp { 	
	0% {transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; 	} 	
	100% {transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; 	} 
}  
@keyframes downup {
    0% {opacity: 0.25;transform: translateY(-30px); }
    100% {opacity: 1;  transform: translateY(0px);  }
}
/* ----------------------------------------------------------- */